*{
  margin:0;
  padding:0;
}
body{
  background:#212121;
  font-family:'微软雅黑';
}
.container{
  width:1280px;
  height:1355px;
  margin:0 auto;
}
.head{
  width:1280px;
  height:55px;
  background:#228ABF;
}
.head .logo{
  width:35px;
  height:36px;
  background:url('../images/logo.png');
  margin:10px 50px;
  float:left;
}
.head .search{
  width:380px;
  height:25px;
  float:right;
  margin:15px 50px;
}
.head .search input{
  width:314px;
  height:25px;
  float:left;
  border-radius:35px;
  -moz-border-radius:35px; 
  -webkit-border-radius: 35px; 
   background:#fff url('../images/task_1_9_1_01.png') no-repeat 10px center;
   text-indent:30px;
}
.head .login{
  width:45px;
  height:25px;
  margin-left:5px;
  float:right;
  background:url('../images/task_1_9_1_04.png') no-repeat left center;
  font-size:13px;
  text-align:right;
  line-height:29px;
  color:#fff;
}
.main{
  width:1280px;
  height:1300px;
  border:1px solid #000;
}
.main .side{
  width:260px;
  height:1300px;
  background:#2B2E3D;
  float:left;
}
.main .content{
  width:1020px;
  height:1300px;
  background:#EDEDED;
  float:right;
}
.main .side .circle{
  width:130px;
  height:60px;
  background:url(../images/task_1_9_5_03.png) no-repeat left center;
  margin:30px 50px;
  color:#fff;
  text-align:right;
  line-height:60px;
}
.main .side .circle_content{
  width:122px;
  height:32px;
  margin:5px 55px;
  color:#ccc;
  font-size:13px;
}
.main .side .circle_content .collect{
  width:28px;
  height:32px;
  float:left;
}
.main .side .circle_content .funs{
  width:28px;
  height:32px;
  float:right;
}
.main .side .nav{
  width:130px;
  height:430px;
  margin:50px 55px;
}
.main .side .nav li{
  width:130px;
  height:15px;
  margin:40px 0;
  color:#ccc;
  font-size:12px;
  padding:0 20px;
}
li{
  list-style:none;
}
.main .side .nav li.Report{
  background:url(../images/task_1_9_1_03.png) no-repeat left 5px;
  height:180px;

}
.main .side .nav li.Collect{
  background:url(../images/task_1_9_1_14.png) no-repeat left 5px;
}
.main .side .nav li.share{
  background:url(../images/task_1_9_1_16.png) no-repeat left 5px;
}
.main .side .nav li.pic{
  background:url(../images/task_1_9_1_14.png) no-repeat left 5px;
}
.main .side .nav li.grow{
  background:url(../images/task_1_9_1_14.png) no-repeat left 5px;
}
.main .side .nav li.Account{
  background:url(../images/task_1_9_1_18.png) no-repeat left 5px;
}
.main .side .nav li.Report ul li{
   background:url(../images/task_1_9_1_12.png) no-repeat left 5px;
}
.content .top{
  width:980px;
  height:30px;
  background:#fff;
  padding:0 20px;
  line-height:30px;
  font-size:12px;
  color:#999;
}
.content .con{
  width:890px;
  height:1100px;
  margin:15px auto;
}
.con .con1{
  width:888px;
  height:85px;
  background:#fff;
  border:1px solid #fff;
}
.con .con1 .con1_{
  width:748px;
  height:56px;
  margin:10px 30px;
  font-size:12px;
  color:#999;
}
.con .con1 .con1_ .con1_1{
  width:148px;
  height:56px;
}
.con .con1 .con1_ .con1_2{
  width:155px;
  height:56px;
  background:url(../images/task_1_9_1_24.png) no-repeat right center;
}
.con .con1 .con1_ div{
  float:left;
  margin:0 10px;
}
.con .con1 .con1_ .con1_3{
  width:300px;
  height:56px;
}
.con .con1 .con1_ .search{
  width:50px;
  height:25px;
  margin:15px 0;
  background:#388AC2;
  color:#fff;
  font-size:12px;
  text-align:center;
  line-height:25px;
}
.con1_ input{
  width:80px;
  height:20px;
  background:url(../images/task_1_9_1_10.png) no-repeat right center;
  border:0;
  border:1px solid #ccc;
  margin:4px 12px;
  padding:0 0 0 10px;
}
.con .con2{
  width:890px;
  height:85px;
  background:#eee;
  margin:15px auto;
}
.con2_l,.con2_r{
  width:31px;
  height:85px;
  background:#fff;
}
.con .con2 div{
  float:left;
  margin-right:5px;
}
.con .con2 .con2_m li{
  width:100px;
  height:85px;
  margin-right:10px;
  float:left;
  background:#fff;
}
.con .con2 .history{
  width:127px;
  height:85px;
  margin-left:10px;
}
.con .con2 .con2_m li p{
  font-size:12px;
  margin-top:10px;
  
}
.con .con2 .con2_m li h4,p{
  text-align:center;
  line-height:30px;
}
.con .con2 .con2_m li h4{
  color:#EE742B;
  font-size:28px;
}
.con .con2 .con2_m li h4 span{
  font-size:15px;
  color:#999;
}
.con .con2 .con2_l{
    background:#fff url(../images/task_1_9_3_03.png) no-repeat center center;
}
.con .con2 .con2_r{
    background: #fff url(../images/task_1_9_3_05.png) no-repeat center center;
}
.history{
  background:#fff url(../images/task_1_9_20_03.png) no-repeat 20px center;
  text-align:right;
  padding:0 16px 0 0;
  line-height:82px;
  font-size:13px;
}
.con p.pp{
  text-align:left;
  font-size:13px;
}
.con .con3{
  width:890px;
  height:72px;
  background:#eee;
}
.con .con3 ul li{
  width:180px;
  height:60px;
  float:left;
  margin:0 18px 0 0;
  border-left:3px solid #388AC2;
  background:#fff url(../images/task_1_9_2_1.png) no-repeat 130px center;
  padding:5px 10px;
}
.con .con3 ul li p{
  text-align:left;
}
.con .con3 ul li p.con3_p{
  font-size:12px;
  color:#999;
}
.con .con4{
  width:890px;
  height:360px;
  background:#eee;
  margin:10px auto;
}
.con .con4 .con4_l{
  width:530px;
  height:360px;
  float:left;
  border:1px solid #999;
  background:#fff;
}
.con .con4 .con4_r{
  width:350px;
  height:360px;
  float:right;
}
.con .con4 .title{
  width:100%;
  height:40px;
  background:#F4F5F7;
  font-size:13px;
  color:#999;
  text-align:left;
  line-height:40px;
  text-indent:20px;
}
.project{
  width:490px;
  height:280px;
  margin:0 20px;
}
.project ul.menu li{
  width:90px;
  height:25px;
  float:left;
  margin-right:5px;
  border:1px solid #999;
  text-align:center;
  line-height:25px;
  font-size:12px;
  background:#ECEBF0;
}
.project table{
  width:480px;
  height:222px;
  border:1px solid #999;
  border-collapse:collapse;
}
.project table td{
  border:1px solid #999;
  font-size:12px;
  text-align:center;
}
.con .con4 .con4_r{
  background:#fff;
  font-size:12px;
}
.con4_r_con{
  width:280px;
  height:264px;
  margin:12px 30px;
  padding:0 20px;
}
.con4_r .con4_r_con h4{
  color:#999;
  font-size:13px;
}
.con4_r .con4_r_con p{
  text-align:left;
  font-size:12px;
}
.con4_r .con4_r_con ul li{
  border:1px solid #eee;
  float:left;
}
.con4_r form{
  height:20px;
  width:280px;
}
.con4_r input{
  margin:0 30px;
  float:left;
}
.con4_r button{
  float:right;
  background:#3789C1;
  font-size:12px;
  color:#fff;
  width:50px;
  height:20px;
  border:0;
}
.con .con5{
  width:888px;
  height:360px;
  background:#eee;
  margin:10px auto;
}
.con .con5 .con5_l{
  width:350px;
  height:360px;
  float:left;
  background:#fff;
}
.con .con5 .con5_r{
  width:530px;
  height:360px;
  float:right;
  background:#fff;
}
.con .con5 .con5_l .title,.con .con5 .con5_r .title{
  width:100%;
  height:40px;
  background:#F4F5F7;
  font-size:13px;
  color:#999;
  text-align:left;
  line-height:40px;
  text-indent:20px;
}
.con5_l_con input{
  width:65px;
  height:25px;
  margin-right:15px;
  text-indent:8px;
  font-size:11px;
  border:1px solid #eee;
  background:url(../images/task_1_9_1_10.png) no-repeat right center;
  color:#999;
}
.con5_l_con ul{
 /* margin:10px;*/
}
.con5_l_con ul li{
  width:25px;
  height:45px;
  margin:2px 8px;
  text-align:center;
  line-height:20px;
  float:left;
   font-size:12px;
  /* border-top:1px solid #999;
   border-bottom:1px solid #999;*/
   text-align:3px;
}
.con5_r table{
  width:530px;
  height:222px;
  border:1px solid #999;
  border-collapse:collapse;
}
.con5_r table td{
  border:1px solid #eee;
  height:28px;
  font-size:12px;
  text-align:center;
}
.con5_r table th{
  font-size:14px;
  height:30px;
}
.con5_r table tr th{
border:1px solid #eee;
}